<template>
  <a-card :bordered="false">
    <a-tabs :activeKey="current" @change="tabChange">
      <a-tab-pane :key="index" :tab="item.text" v-for="(item, index) in tabList"></a-tab-pane>
    </a-tabs>
    <hc-after-sales-with-personal v-if="current===0"></hc-after-sales-with-personal>
    <hc-after-sales-with-company v-if="current===1"></hc-after-sales-with-company>
  </a-card>
</template>

<script>
import HcAfterSalesWithPersonal from './modules/HcAfterSalesWithPersonal.vue';
import HcAfterSalesWithCompany from './modules/HcAfterSalesWithCompany.vue';
export default {
  name: '',
  components: { HcAfterSalesWithPersonal, HcAfterSalesWithCompany },
  data() {
    return {
      tabList: [
        {
          text: '个人售后',
        },
        {
          text: '企业售后'
        }
      ],
      current: 0
    }
  },
  methods: {
    tabChange(e) {
      this.current = e;
    }
  }
}
</script>
<style scoped>
@import '~@assets/less/common.less';

::v-deep table tbody tr:hover>td {
  background-color: #ffffff !important;
}
</style>